<template>
	<view>
		<view class="box form-box">
			<view class="item">
				<view class="msg">
					请选择反馈问题的类型
				</view>
				<view class="radio">
					<radio-group @change="radioChange">
						<view class="it">
							<view>功能异常</view>
							<radio  />
						</view>
						<view class="it">
							<view>其他问题</view>
							<radio  />
						</view>
					</radio-group>
				</view>
			</view>
			
			<view class="item textarea">
				<view class="msg">
					问题和意见
				</view>
				<view class="textarea-box">
					<textarea name="" id="" cols="30" rows="10" placeholder="请描述使用时遇到的问题"></textarea>
				</view>
			</view>
			<view class="item">
				<view class="msg">
					图片上传 <view class="span">0/4</view>
				</view>
				<view class="image">
					<up-upload
							:fileList="fileList1"
							@afterRead="afterRead"
							@delete="deletePic"
							name="1"
							multiple
							:maxCount="10"
						></up-upload>
				</view>
			</view>
		</view>
		<button class="box btn">
			提交
		</button>
	</view>
</template>

<script setup>
	
</script>
<style>
	page{
		background: #F5F6FA;
	}
</style>
<style lang="scss">
	.form-box{
		.item{
			background-color: #fff;
			margin-top:20rpx;
			padding:0 32rpx;
			border-radius: 16rpx;
			.msg{
				font-size:28rpx;
				padding:30rpx 0;
				display: flex;justify-content: space-between;align-items: center;
				.span{
					font-size: 24rpx;color:#aaa;
				}
			}
			.radio{
				.it{
					border-top:1rpx solid #eee;
					display: flex;
					justify-content: space-between;padding: 30rpx 0;
					font-size:26rpx;
				}
				
			}
			&.textarea{
				padding-bottom: 30rpx;
			}
			.textarea-box{
				background: #f6f6f6;
				padding:15rpx;
				border-radius: 10rpx;
				textarea{
					height:220rpx;width:100%;
					font-size:26rpx;
				}
			}
		}
	}
	.btn{
		margin-top:40rpx;
		line-height: 84rpx;
		background: linear-gradient( 125deg, #FF9940 0%, #FD2A00 100%);
		border-radius: 40rpx 40rpx 40rpx 40rpx;
		font-weight: bold;color:#fff;
		font-size:28rpx;
	}
</style>
